<template>
	<div class="page fail">
		<x-header 
			class="title"
			:left-options="{backText: ''}">发票查验</x-header>

		<div class="icon-wrap icon-empty"></div>
		<p class="fail-msg">{{msg}}</p>
		<p class="tips fz-13">注:只能查验本公司的发票;当日开具的发票最快可于次日进行查验;支持查验最近1年内开具的发票</p>
		<box gap="30px 10px 10px 10px">
			<x-button class="btn-check bor-rad-99" @click.native.prevent="recheck">重新查验</x-button>
		</box>
	</div>
</template>

<script>
import {XHeader, Box, XButton} from 'vux';
import store from 'store';
import {ajaxDomain, routerDomain} from '../config/config';

export default {
	name: 'fail',
	components: {
		XHeader, Box, XButton
	},
	data () {
		return {
			msg: ''
		}
	},
	created () {
		const msg = store.get('msg');
		this.msg = msg;
	},
	methods: {
		recheck () {
			this.$router.push({
				path: routerDomain + '/'
			});
			store.remove('msg')
		}
	}
}
</script>

<style>
	.icon-wrap {
		margin: 40px 0;
		width: 100%;
		height: 146px;
	}
	.icon-empty {
		background: url('../assets/images/empty.png') center center no-repeat;
	}
	.fail-msg {
		text-align: center;
		font-size: 18px;
		font-weight: 600;
	}
	.bor-rad-99 {
		border-radius:99px;
	}
</style>
